Summary

This PR introduces high-fidelity Dark Mode Figma designs for the Notification Dropdown, View All Notification Page, Related Listings, and Settlement Summary Page, following the PetAd design system and visual guidelines.

What Changed

• Designed the Notification Dropdown with a clean, accessible layout for displaying real-time user notifications.
• Created the View All Notification Page with a structured interface for browsing and managing notifications.
• Designed the Related Listings section to improve content discovery through visually consistent listing cards and responsive layouts.
• Created the Settlement Summary Page with a clear information hierarchy for presenting payment and settlement details.
• Applied the platform's Dark Mode color palette to ensure strong contrast, readability, and accessibility across all designs.
• Used reusable Figma components and Auto Layout to improve consistency, scalability, and maintainability.
• Created responsive layout variants for desktop, tablet, and mobile where applicable.
• Organized frames, components, and layers with clear naming conventions to support an efficient developer handoff.

Notes

• This PR contains UI/UX design work only; no frontend implementation is included.
• All designs follow the PetAd Dark Mode design system and maintain consistency across typography, spacing, alignment, and reusable components.
• The Figma file is organized for future iterations, component reuse, and seamless collaboration with developers.

Closes #399
Closes #400
Closes #401
Closes #402